Suprimir los bordes o líneas que por defecto rodean las imágenes es algo que tenemos costumbre hacer, bien para personalizar el blog o porque no termina de convencernos una imagen enmarcada. Personalmente me gustan las imágenes enmarcadas, utilizo un editor de imágenes pero también podemos hacerlo añadiendo unas líneas en nuestra plantilla.
Eso contesta la pregunta que me hizo un anónimo.

En nuestra plantilla Edición de HTML podemos encontrar las siguientes líneas de código:

.post img {
padding:4px;
border:1px solid $bordercolor;
}

Es el lugar donde nos indica las propiedades de las imágenes añadidas en las entradas.
Desde Fuentes y colores podemos cambiar el color del borde, pero eso hace cambiar no sólo el color de en marco de las imágenes sino de todo el blog.
Para modificar el aspecto del borde que rodea nuestras imágenes sustituimos $bordercolor por el color escogido, por ejemplo #940f04 también vamos a darle un toque diferente sustituyendo solid por outset y aumentando el valor 1 a 4.

.post img {
padding:4px;
border:4px outset #940f04 ;
}

De esta forma cambiamos el borde únicamente de las imágenes añadidas en las entradas. El espacio de separación entre borde e imagen los disminuimos o aumentamos en padding.




Para facilitar la tarea de escoger un modelo de borde puedes ver aquí los efectos.
Admin

Hola gem@, que lindo está quedando tu blog con los últimos cambios, ya está hasta un poco menos lento.
Mirá no te preocupes demasiado por lo que te dije de mi nueva plantilla, ya está funcionando, le cambié la cabecera, le puse el leer mas, los comentarios debajo de las entradas, algunos otras cosas que dijo JMiur, en fin está en marcha.
Pero tengo algunos problemitas menores, que, cuando puedas si querés te fijás, tarda bastante en cargar el menú central, algo que me resulta raro porque generalmente son las sidebares las que tardan en cargar, y no tengo muchos artículos publicados, salvo que le pesen los dos o tres videos, no se...
Otra cosa, los comentarios, o sea lo que escribe la gente, el texto sale de otro color que los artículos, es gris, no se ven bien y no se de donde cambiarlo, ya intenté por todos lados.
Otra cosa que no pude cambiarle fue el color a los títulos de la sidebar, y mira que lo intente, por Dios!!
Ahh me olvidaba, lo mas importante, no se si la viste, pero tiene un sistema de fecha parecido al de la red white, y no puedo hacer que se vea como en el demo de Btemplates, el día, por ejemplo "sábado" sale muy grande que me tapa el titulo del articulo, lo achiqué, y acomodé mas o menos los tamaños de la fecha día, mes, pero no queda bien, se ve feo, no se si podrás orientarme en eso...
Bueno acá te dejo todas mis inquietudes, con tiempo, cuando puedas y tengas tiempo te fijas, yo se que sos un sol y que cuando puedas me ayudarás.
Muchos besos gemit@ :)

Responder
Admin

Gem@ ahora que vi tu pregunta, si, carga muuuuucho mas rápido tu blog, y estuve mirando todo hasta abajo y me encantó eso de "Enlazame" que se despliega, ya me pasarás ese truco, ahorra mucho espacio y lo mas importante, te conocí!!!
Tenía una idea por tu avatar pero no era muy claro, pero en esa foto se te ve clarita, sos muy linda y con semejante cara de buena...
Sabés que mirando bien abajo de todo donde tienes ocultos los directorios y estadísticas, hoy estuve tratando de poner eso, porque mi plantilla tiene para poner un elemento de pagina abajo de todo, pero no pude ponerlos así uno al ladito del otro, me quedaban uno debajo del otro, horriiiible y encima tapaban los créditos del template, yo quiero hacer eso, porque estoy cansada de tener una sidebar tan largaaaaaaaa...
Besotes hermosa y buena mujer!!

Responder
Gem@

!Hola k_nelita¡ por fin estoy con el tema de tu plantilla, ayer pasé la tarde y parte de la noche suprimiendo scripts de la plantilla y modificando la sidebar (ya te diste cuenta, que por cierto cuando ya termines las modificaciones te pasaré un mail con el código del desplegable que te ha gustado) :)
He estado viendo tu plantilla online, ya que mi idea es descargarla para ayudarte con más facilidad, pero el enlace que hay en un blog (al final) me lleva al blog de la autora de la plantilla pero no encuentro donde descargarla ¿me lo pasas el enlace?

Mientras... estuve mirando, creo que para modificar el color de los títulos de la sidebar debes ir a /* Sidebar Content y en ese mismo bloque donde dice .sidebar h2 {
busca "color: #BECDCD;" ese creo es el color.

En #comments h4 {prueba a sustituir color:#333; por otro color para el tema de los comentarios.

El tema de el tamaño de la letra en la fecha debo mirarlo en la plantilla una vez la tenga instalada K_nelita pero más o menos debe ser en .fecha_dia {
Sustituye donde font-size: 10px; por font-size: 6px; y mira en vista previa.
No guardes cambios sin mirar, todo esto lo estoy viendo en el código fuente y no es lo mismo que en la plantilla.

- Te mandaré un mail con el código de desplegable para los directorios ;)

Responder
Admin

Hola gem@, gracias ya recibí el mail, veré como hago para ponerlo.
El enlace para descargar la plantilla lo diste vos ja ja, es este:
http://btemplates.com/category/2-columns/page/2/
y la plantilla se llama Itadvance.
Lo de la fecha ya intenté cambiando cantidades de pixeles en día, mes, año y lo que ves es lo que he conseguido, mas no se, al menos el día de la semana ya no me tapa el titulo del post...
No entiendo mucho del color #333, yo conozco los hexadecimales pero son con seis números no con tres.
De cualquier forma ya le puse color a los comentarios, ha quedado horrible ya que no se muy bien cuales son los colores que van en que lugar para cambiarlos, no se si me entiendes?
En el código que vos das y que está en negrita el color para cambiar, no se a que parte pertenece cada uno de ellos, si me lo pudieras aclarar te agradecería, no se que parte pertenece a el fondo de donde van los nicks, ni de donde se cambia el color de los nicks, etc.
Le cambié el fondo a los comentarios entonces la letra a pesar de ser clara, como le puse un fondo mas claro ahora se ve, pero igual no me gusta todo el resto, creo que también quedaría bien un borde como tienes tu pero no se donde se pone.
Y ya que estamos me gustaría también un desplegable para poder ocultar el Feedjit, que ocupa mucho espacio, probé con el código que tienes por allí, pero no es una imagen ni un texto ni un botón, no se que es el Feedjit ja ja
Otra cosa, si pongo el código que me mandaste abajo con los directorios, no voy a tapar los créditos de la autora de la plantilla?
Como lo hacía yo los tapaba y se encimaba todo.
Besos gem@ y millones de gracias por todo lo que haces para ayudarme, a mi y a todos!!
Y tu blog está cada día mas hermoso!!

Responder
Gem@

Hola k_nelita, voy a ir contestando en el mismo orden (y añadiendo alguna sugerencia mía )
Con la fecha...
Has añadido font-size: 10px; pero no era necesario, el tamaño de la fecha lo podemos modificar si ponemos por ejemplo:
font: 0.7em Georgia;
donde dice:
font: 2.3em Georgia;

También puedes bajar un poquito la fecha en #fecha {
sustituyendo margin-top: 10px;
por...
margin-top: 30px;

Color de los títulos de la sidebar...

Todo lo relacionado con los títulos de la sidebar puedes modificarlo en .sidebar h2 {
para el color de la fuente por ejemplo sustituye color: #BECDCD; por el color que deseas.

Vamos ahora con los comentarios...

El color de los nicks siempre que sea un enlace aparecerá del color predeterminado que tengas para los enlaces de tu blog.

En #comments h4 {
el color:#ccc; es el texto que nos dice el número de comentarios.
En border-top:1px dotted #99bb99; es la línea de separación que hay arriba del texto que te he indicado.

En .comment-author { puedes modificar background:#FFC701; y con ello le estarás cambiando el color de fondo donde aparece el nick de quien comenta.

Para modificar el color de fondo del texto (comentario) puedes hacerlo en .comment-body { sustituyendo background:#EFEFEF;

En .comment-footer { también podemos modificar el fondo sustituyendo background:#F17201; por otro color.

Otros cambios como por ejemplo añadir un borde sería situarse en .comment-body { y añadir:
border:8px double#F7F5F5;

Por si también te interesa la imagen en la cabecera de los comentarios puedes hacerlo en:
.comment-author { añadiendo:
background:transparent url("aquí url de la imagen") top no-repeat;
Una imagen de color naranja como tu logo estaría guapísima :D

El feedjit es un widget que añadimos con un código, ese código facilmente lo añadimos como un elemento de página en HTML... dentro del mismo elemento de página y justo antes del feedjit puedes añadir el código de Bloques animados o... mostrar ocultar.

Desplegable en el footer...
No debe ocultar los créditos siempre que lo añadas en un elemento diferente, cuando despliegue tampoco lo oculta mira en mi blog y verás que el texto de Gem@ BLOG queda más abajo.
Además la autora de la plantilla añadió los créditos en la misma plantilla, así que no hay problema ;)

!!A trabajar se ha dicho ¡¡ jajajaja un abrazo :D

Responder
Anónimo

Hola gem@ soy k_nelita, gracias por toda tu ayuda, ya estuve haciendo algo de todo el trabajo que me diste ja ja
Pero ahora se nos ocurrió cambiar la plantilla de mi hijo, nos habíamos aburrido, así somos, de tal palo tal astilla ja ja

Si supieras lo que hice... como no quería cambiar toda la plantilla completa porque debería añadirle todos los trucos, mira lo que se me ocurrió, le cambié solo la parte del css, el estilo, y lo demás se lo dejé, entonces no perdí artilujios ni trucos. pero... si, siempre hay algún pero, se me descoloca un poco la cabecera, debe ser alguna pabada, pero no logro encontrar donde dejar un espacio para que el main no se suba sobre ella, y la sidebar también.

Te mando por correo la plantilla-engendro a ver si encuentras donde está el error, o si me dices que parte debo corregir.
Desde ya millones de gracias!!!
Mira la plantilla, está en este perfil.

Otra cosa que no salen son unas imagenes que son la parte superior del main y de la sidebar, que si están en la plantilla, pero no se visualizan en el blog.

Si quires hechale una mirada a mi blog y mira los comentarios como cambiaron, aunque no están terminados, me falta la imagen naranja que tengo de logo, de acuerdo a tu sugerencia la voy a poner, a mi también me gusta esa imagen, pero no he tenido tiempo todavía de subirla, pero igual los he mejorado bastante gracias a tu ayuda como siempre.

Besotes mil!! (k_nelita y Son_Paul)

Responder
Gem@

k-nelita ahora tengo que ausentarme, luego miro la plantilla pero por lo pronto prueba a bajar un poquito el espacio de las entradas.
Ve a: #main-wrapper {
y ese margin-top: -54px; sustitúyelo por margin: 0 0 1px 0;
A mí me ha resultado bien, espero que a ti también, si no, luego lo vemos ;)

Responder
Anónimo

PER FEC TO!! gem@, como siempre la respuesta exacta, muy bien!! ya se ve el banner muy bien, solo queda lo de la parte de arriba del main y la sidebar, la cereza de la torta, que no salen las imagenes, cuando tengas tiempo fijate que puede ser y de paso contame que te pareció mi invento de fusionar dos plantillas ja ja
Besotes!!

Responder
Anónimo

Ahh me olvidaba, le puse la misma medida a #sidebar-wrapper {
porque eso también me quedaba arriba.
Graaaaciiiiaaaaaaasssssss!!!!

Responder
Admin

Gem@ querida, nos hemos dado cuenta que todavía le falta un poquito mas bajar al main y la sidebar, pero no manejo bien esos números, viste la foto en el logo? Tiene que quedar el brazo mas a la vista, en el original que puedes ver en la plantilla o en el blog es un poco mas ancho, si mal no recuerdo es 179 px de alto, o sea que el main y la sidebar todavía le están comiendo un poco a la cabecera.
Si fueras tan amable de decirme cuanto es lo que tengo que ponerle en lugar de la medida anterior, te agradecería muchisimo.

Y tengo otro problemita con Te Propongo... le puse la imagen a los comentarios, pero no me queda tal y como es, tiene 80px de alto mas o menos, pero sale como de menos de la mitad, no queda mal, pero no sale entera, solo la parte de arriba, creo haber puesto todo lo que me dijiste, no entiendo porque me corta la imagen, yo la hice casi de la misma medida que la tuya.

Y otra cosita, los enlaces, tienen que salir del mismo color en todos lados? Me cuesta encontrar un color que sea compatible con la sidebar y el main, y los comentarios, tiene que verse sobre el naranja, pero no ser demasiado resaltante en la sidebar, no se como explicarte, miralo y decime que te parece y que tendría que hacer para que sea un color un tanto neutro pero que se vea, no quiero un colorinche.
Besotes!!

Responder
Gem@

Hola k_nelita he visto "Te propongo" y no se me ocurre otra cosa que modificar la medida de: .comment-author {

margin:.5em 0 0;
padding:0 0 0 20px; font-weight:bold;

Prueba a poner la que yo tengo a ver si resulta:
margin:.5em 0 0;
padding:13px 10px 20px 110px; font-weight:bold;

Puedes agregar también height:40px; y jugar con ese valor para aumentar el alto de la imagen.

Sobre el color de los enlaces tiene solución, pero debo mirar donde debemos modificarlo, hay también una opción muy vistosa, es el efecto de cambiar de color el enlace al pasar el ratón, lo vi el otro día en Vagabundia.

La imagen de Paul puedes intentar bajarla de la siguiente forma:
En el espacio total del #header-wrapper { tienes una medida y lo que tu añades otra #header {
Vamos a intentar ver como queda adaptandonos a la medida de #header-wrapper.

Busca #header { y height: 140px; sustitúyelo por height: 145px; veamos si resulta.
Ya me dices ;)

Responder
Admin

Gem@ realmente eres una goya, una piedra preciosa, siempre con la respuesta precisa.
He puesto lo que me decías en la plantilla de Son_Paul, y el 145 se me fue hasta 165px pero quedó justito como quería, aunque sigue sin verse en borde de arriba de la imagen, no se si notaste eso, pero no importa demasiado, nos damos por conformes, (por ahora)ja ja

Y con respecto a Te Popongo... también puse todas las medidas que me diste y el height:40px llegó al 50, pero parece que se ve toda la imagen, o casi, está bien así, me parece, dale una miradita cuando puedas.

Lo que preocupa un poco, que ya te dije en otra oportunidad, es que tarda bastante en cargar el main, es raro eso, generalmente lo que tardan mas son las sidebares, no sabes que puede ser?

Millones de gracias gemit@ querida, sos una diosa!!

Responder
Gem@

K_nelita cuando te leía pensaba que sería la imagen de fondo de las entradas pero queda descartado porque a mi me carga la página de fábula, más rápida imposible, y me refiero al blog de Paul.
¿Sería posible que lo vieras en otro PC? incluso preguntar a tus visitas, por un cartelito o algo y pregunta estoy segura que contestarán y eso nos dará una idea.
Por otra parte he mirado lo del borde , me he descargado la imagen y no veo que tenga borde alguno. ¿tan mal estoy? :( :(

Responder
Anónimo

Hola gem@ ja ja que lío te hice con tantos blogs... no, el blog de Paul carga muy bien, rapidísimo.
A el lo que le faltan son las imagenes que aquí te pongo, vas a ver que están en la plantilla pero no se visualizan en el blog.
En: #mainbottom-wrap1 lleva esta imagen: http://img507.imageshack.us/img507/5064/maintoptk1.jpg

Y la otra es: #sidebarbottom-wrap1 {
background:url(http://img530.imageshack.us/img530/5443/stophb2.jpg)

Esas no se ven en el blog, son las terminaciones o principio, como quieras llamarle, lo que está arriba del main y la sidebar.

El blog que carga muuuy lento el main es Te Propongo, ese me intriga, la sidebar la carga al instante, pero el main tarda bastante.

Besos gem@ y gracias por preocuparte.

Responder
Admin

Hola gem@ hay mi Dios, que le pasa a Blogger, ya te había hecho este comentario y salió error 404 y lo perdí grrrr... era bastante largo, ahora voy a tratar de simplificar.
Tiene que ver con este post tuyo, yo lo que quiero es ponerle borde a un botón o banner de los que van en la sidebar, pero ninguno de los códigos que dices aquí me sirve ya que son para el css de la plantilla.
Yo generalmente le pongo border="0" a todos los banners pero hay uno que le quiero poner borde de 1 px o doble, ya probé de todo y no puedo conseguirlo, lo quiero gris al borde.
Será que la imagen debería llevar borde? o se lo podré agregar yo en el código?
Yo supongo que se debe poder ya que podemos corregir el width y todo eso, inclusive sacarle borde si lo tuviera, o sea podré ponerle un borde no?

Besoooooteeeessss!

(ahora lo copio por las dudas)

Responder
Gem@

Hola k_nelita para no recurrir a los CSS hay muchas formas de añadir un borde en las imágenes una de ellas es el siguiente código que aunque a simple vista asusta un poco está muy bien:
<div style="margin:0px auto;width:150px;text-align:center;border:1px solid black;background:gold;"><img width="130" style="border:6px solid gold;" src="http://img217.imageshack.us/img217/7705/osss3.jpg" height="100"/></div>

He dejado la imagen para que lo copies y pegues en tu blog de pruebas y modifiques las medidas de acuerdo a las de tu botón.

Otra de las formas de añadir un borde no sólo a las imágenes sino a cualquier contenido es crear una tabla y darle color:
<table border="9" bordercolor="#808080">
<tr><td width="100%"><img src="http://img217.imageshack.us/img217/7705/osss3.jpg"/>
</td></tr>
</table>

Espero preguntas :)

Responder
Gem@

Me olvidaba otra forma con el borde doble:

<img width="150" style="border: 9px double gray" src="http://img217.imageshack.us/img217/7705/osss3.jpg" height="100"/>

( En negrita se ve mejor)

Responder
Admin

Millones de gracias gem@!! El último código es el que usé y va perfecto, claro modificandole las medidas.
PER FEC TO!! Muchas gracias!!

Ya estás de vuelta en tu ciudad o todavía a 400 kmts?

Besoteeeees!!

Responder
Gem@

Ya estoy en casa K_nelita, no te he dicho que recibí tu mail, mañana sin falta te contesto ;)
Abrazos amiga.

Responder
KALA_BELLYDANCE

Hola no se si he publicado el comentario anterior, es que el blog ya no me deja cambiar el color de la fuente de las entradas, no existe la clásica pestañita, y como el fondo es negro, no puedo publicar, por favor echadme un cable.

Responder
Gem@

Se ha publicado el anterior comentario Kala pero no es problema. Te he contestado aquí suerte :)

Responder
Anónimo

hola gem@ mientras consigo poner a funcionar mi cabeza, otra preguntita: ¿cómo hago para poner una línea que separe el sidebar de las entradas (como en tu blog...)?

Responder
Gem@

Hola S.O.S :)
En #sidebar-wrapper { añades:
border-left: 1px dashed #C0C0C0;

(dashed es el tipo de borde, y 1px el grosor, el color ya lo sabes ... en #C0C0C0)

Tipos de bordes

Responder
Anónimo

muchísisimas gracias gem@ eres un SOL

Responder
Anónimo

hola gem@. he puesto la linea divisoria pero se me pega al sidebar. ¿cómo puedo hacer para que haya un margen? en http://paraninosconcabeza.blogspot.com
besiños!

Responder
Kronos Corp.

Que tal GEm@ fijate que eh aplicado este efecto en mi blog
pero el problema es que me lo aplica para todas las imagenes sin excepcion, lo que yo pretendia era que aplñicara ese efecto solo en las imagenes de las entradas, busque en mi plantilla la linea que arriba nos das, pero lo malo es que por mas que la busco no hay linea parecida, solo una : •img {
espero que me ayudes.....Gracias

Responder
Gem@

S.O.S. prueba con:
margin:5px 0px 5px 50px;
padding: 25px 5px 5px 22px;
:)

Cloud Strife prueba a añadir "post" al siguiente código de tu plantilla:
img {
padding:4px;
border: double #6E6E6E; 10px;
}

Debe quedar algo así:
.post img {
padding:4px;
border: double #6E6E6E; 10px;
}
:)

Responder
Admin

Como es eso de que te vas de pesca?? Nos abandonas?? Haaaay gemit@ que será de nosotros tus fieles seguidores? :O

No, en serio, si te vas, que la pases lindo y que disfrutes del fin de semana, pero que te vamos a extrañar dalo por hecho ehh... sin vos (al menos yo) no soy nada :'(

Muchos besos y que te diviertas !! :D
Te quierooooooo ;)

Responder
Gem@

Eres un cielo k_nelita ¿pero qué es eso de que sin mí no eres nada? no lo digas ni en sueños :) eres toda una maestra que lo sepas lo que ocurre que cada vez te pones metas más altas ;)
Bueno, ya ves que regresé, me fui un par de días a descansar pero n osé que pasa que llegas más cansada jajajajaja
Besotes amiga .

Responder
Kronos Corp.

Gracias GEm@...me funciono perfecto....pero ahora tengo otra duda...no tendras el codigo para ponerle a las imagenes un marco como el que te dejo en esta imagen ...o algun script

Responder
Gem@

Hola Cloud Strife ese efecto se consigue con css para aplicar un borde a las imágenes y se aplica en forma de capas.
Hace tiempo lo estuve mirando porque es el efecto que yo aplico a las imágenes que subo a Blogger pero desistí ya que al añadir el borde por medio de css se añade en todas las imágenes y al cambiar de tamaño la imagen hay que modificar la ubicación de las capas.
No sé si habrá algún otro modo mientras lo encuentro y utilizo Picshadow puedes escoger grosor y color del borde ;)

Responder
Anónimo

hola gem@... qué despiste... ¿cómo tenía que hacer para poner una linea de puntos entre las entradas y la sidebar? se me perdió tu mail...

Responder
Gem@

Hola S.O.S:
En #sidebar-wrapper { añades:
border-left: 1px dashed #C0C0C0; ;)

Responder
Anónimo

mil gracias gem@!

Responder
Anónimo

ay, gem@! ¿y ahora dónde pego

margin:5px 0px 5px 50px;
padding: 25px 5px 5px 22px;?

Responder
Gem@

De esta forma S.O.S

En #sidebar-wrapper {
border-left: 1px dashed #C0C0C0;
margin:5px 0px 5px 50px;
padding: 25px 5px 5px 22px;
Código de tu plantilla..
Código de tu plantilla..
Código de tu plantilla..
}
El margin y paddinng lo mismo tienes que modificarlo dependiendo de la anchura de tu sidebar, es que no sé para qué blog es.

Responder
Anónimo

ah, eso es lo que hice gem@ y el sidebar desparaceió. es para http://paraninosconcabeza. ¿qué tengo que cambiar o cómo?
GRACIAS

Responder
Gem@

Disminuye el margen añade entonces:
margin:5px 0px 5px 30px;
padding: 25px 5px 5px 22px;

S.O.S si no accedes logueda no dejas opción al perfil y no puedo acceder a tu blog.

Responder
Anónimo

no sé qué margen disminuir ni dónde, gem@. a ver si así puedes verlo: http://paraninosconcabeza.blogspot.com

ay, siento hacerte ir y venir!!!!

Responder
Gem@

En el anterior comentario te lo he indicado S.O.S añade en #sidebar-wrapper { el borde con:
border-left: 1px dashed #C0C0C0;

Luego al decirme que se perdía la sidebar te decía que en lugar de añadir:
margin:5px 0px 5px 50px;
padding: 25px 5px 5px 22px;

añadiras:
margin:5px 0px 5px 30px;
padding: 25px 5px 5px 22px;
si te fijas en margin pusimos 30px; en lugar de 50px;

Quedaría algo así:

#sidebar-wrapper {
width: 220px;
float: right;
#sidebar-wrapper {
border-left: 1px dashed #C0C0C0;
margin:5px 0px 5px 30px;
padding: 25px 5px 5px 22px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Responder
Jex

Mil gracias, me funciono de maravilla en mi blog!

Responder
Gem@

yz Estupendo Jex :)

yz Anónimo post img es la clase, se añade a todas las imágenes de los post.

Responder
Viviana Vitulich

Hola Gema.
Gracias por todas las respuestas que das.
Cómo puedo hacer para reemplazar la línea divisoria de entradas lisa por una imagen en blogspot?

Responder
Gem@

:: Hola Viviana, esa línea que dices está en la plantilla donde dice:
.post-footer {
border-top:1px solid #BFB186;
si eliminas esa línea en negrita o cambias el 1px por 0px la línea desaparece.
La imagen puedes añadirla en plantilla justo encima de:
<div class="post-footer">
Se puede poner de esta forma:
<center><img src="aquí-la-url-de-la-imagen"/></center>

Responder
Ani

Hola!!
tengo un problemilla con los bordes, igual es una tonteria pero yo no consigo hacerlo...la cuestion es que mi plantilla tiene por defecto en el html que si añado una imagen en un post le ponga un margen gris finito no? yo eso lo quiero mantener xq me gusta, pero hay a veces que por ejemplo una imagen la quiero poner si ese borde y no soy capaz, aunque dentro del post en el hmtl le ponga border=0 no hay manera de sacarselo solo a esa imagen ¿como podría hacer?
mil gracias

Responder
Gem@

:: Hola Ani, puedes añadir unos estilos para esas imágenes sin borde, es decir eliminar cualquier tipo de borde a las imágenes.
Por ejemplo añadimos antes de ]]></b:skin>

.post-body img.sinborde {
background-color: transparent !important;
border: none !important;
padding: 0 !important;
}

Y en la entrada donde no seas borde lo siguiente:
<img class="sinborde" src="url de la imagen" />

Los estilos de la plantilla los añades y ya te olvidas de ellos, ese código que añadimos en la entrada lo puedes añadir en la plantilla de entrada:
http://gemablog-.blogspot.com/2007/05/utilidad-de-la-plantilla-de-entrada.html
y así evitas tener que copiarlo cada vez, subes la imagen como haces normalmente y copias la url para añadirla en ese código con la clase sinborde ;)
Ya me dirás si te ha resultado útil

Responder
Ani

Hola!!
pues lo acabo de probar y me ha funcionado perfecto!! ^^ un millon de gracias
besos

Responder
Gem@

:: Genial ;)

Responder
Raúl

Hola Gem@ como vas quisiera pedirte un favor, cuando doy click sobre una igamen aparece un cuadrado entrecortado. Como puedo hacer cuando de click en una imagen no aparezca este cuadrado entrecortado, como en tus imágenes ya que se ve feo especialmente en el sidebar, ya que se supone que son botones pero al dar solo 1 click ya aparece este cuadrado.

Como hacer que no aparezca especialmente en el sidebar, y si hay una manera especifica de poner el codigo en la entrada o widget html para que en cierta entrada no aparezca el cuadrado entrecortado.

Y por último como hago para que las imágenes de entrada de mi blog no redireccionen al archivo de la imagen??

Gracias!!!

Responder
Gem@

:: Raúl, ese borde que dices es la propiedad outline que Blogger añade a los enlaces, puedes eliminarla si añades antes de </b:skin> lo siguiente:

a {
outline:none;
}

Para que las imágenes no te redirecionen a la imagen original debes eliminar el enlace que Blogger añade cuando las subimos al editor:
Mira la siguiente entrada:
http://gemablog-.blogspot.com/2008/11/muchos-lo-preguntan-y-todos-lo-queremos.html

Responder
José Crespo Arteaga

Gracias por la ayuda, pero yo quiero solo poner color negro al borde de una imagen, no que se vea como marco, es decir sin el espacio entre la imagen y el borde, ¿como puedo hacer?
Saludos.

Responder
Gem@

:: Perro Rojo se elimina el padding :)
padding:0px;

Responder
José Crespo Arteaga

Vaya que sencilla la solución para mi quebradero de cabeza.Una vez mas, muchas gracias, me sirvió de mucho tu consejo.

Responder
Gem@

:: Me alegra que te fuera útil :)

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top